<template>
  <div :class="prefixCls">
    <div :class="`${prefixCls}__search`">
      <slot name="search"></slot>
    </div>
    <slot></slot>
    <div :class="`${prefixCls}__table`">
      <slot name="table"></slot>
    </div>
  </div>
</template>
<script lang="ts">
export default {
  name: 'PageSearchTableWrappe',
};
</script>
<script setup lang="ts">
import { useDesign } from '/@/hooks/web/useDesign';
const { prefixCls } = useDesign('page-search-table');
</script>
<style lang="less" >
@prefix-cls: ~'@{namespace}-page-search-table';

.@{prefix-cls} {
  padding: 16px;
  &__search {
    padding: 12px 10px;
    margin-bottom: 16px;
    background-color: @component-background;
    border-radius: 2px;
  }
  &__table {
    background-color: @component-background;
  }
}
</style>
